<template>
    <div class="approveDialog">
        <el-dialog :title="title" :visible.sync="visible" :close-on-click-modal="false" :close-on-press-escape="false"
            :before-close="handleClose" :width="width" :height="height">
            <div class="dialog-body">
                <slot></slot>
            </div>
            <div class="dialog-footer">
                <el-button @click="handleClose">取消</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
    props:{
        width:{
            type:String,
            default:'500px'
        },
        title:{
            type:String,
            default:'提示'
        },
        visible:{
            type:Boolean,
            default:false
        },
        height:{
            type:String,
            default:'auto'
        }
    },
    methods:{
        handleClose(){
            this.$emit('close')
        }

    },
   data(){
    return{

    }
   },
   
}
</script>

<style lang="scss" scoped>

</style>